header{width: 80%;text-align: center;font-size: 18px;margin-left: 10%;}
.logo{line-height: 48px;position: absolute;margin-left: -40%;color: #1e7e34;font-weight: bolder;cursor: pointer;}
h3{margin-block-start: auto;padding-top: 1rem;}
label{display: inline-block;}
input{padding: 8px;font-size: 18px;}
.btn-group{margin-bottom: 18px;}
.btn-group button{display: inline-block;margin-top:0;}
.btn-group .btn,.edit{display: none;}
.edit-phone{width: 80px;margin-top: -40px;position: absolute;margin-left: 160px;}
.btn-edit{background: url("../../images/common/edit.png") no-repeat;font-size: 16px;
    line-height: 32px;background-position-y: 2px;cursor: pointer;
    color: #495057;padding-left: 32px!important;
    background-size: 26px;
    font-weight: unset;}
#oldPhoneCheckCode{width: 200px!important;}
#btnGetCheckCode{width: 120px;
    letter-spacing: 0;
    float: right;
    line-height: 40px;
    margin-top: 0;
    margin-left: 0;}
.ep{display: none;}
.ep input{margin-left: 0;}
.btn-edit:hover{background-position-y: -27px;color: #28a745;}
.left,.center,.right{display: inline-block;}
.center{width: 160px;text-align:center;height: 160px;margin: 0 8px;overflow: hidden;cursor: pointer;
    border: 1px solid #ced4da;padding-top: 60px;}
.center div{background-color: #28a745;display: inline-block;color: #fff;padding-top:9px;border-radius: 50%;}
.center img{margin-top: -60px;}
.header{width: 60px;height: 60px;}
.body{width: 120px;height: 80px;}
#email{margin-top: 3px;}
.mark{width: 100%;
    height: 80px;
    border-radius: 0!important;
    margin-top: -50px;
    background-color: rgba(0, 0, 0, 0.6)!important;}
.select-icon{margin-top:-26px;}
.left div,.right div{text-align: left;line-height: 40px;}
input{width: 318px!important;margin-right:0!important;}
.right select{margin: 0 0 0 6px;width: 318px;}
.edit-date,.edit-sex,.day{margin-left: 6px;}
.month{margin-left:112px;}
.edit-date select{width:54px;margin-right:12px;}
.year{width: 100px!important;}
.choose-container{padding-top: 0;}
.choose-list{overflow-y:auto;}
.cmn-toggle {position: absolute;visibility: hidden;}
.cmn-toggle + label {position: relative;cursor: pointer;outline: none;user-select: none;}
input.cmn-toggle-round + label {margin:8px;padding: 2px;width: 48px;height: 24px;background-color: #dddddd;border-radius: 24px;}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {display: block;position: absolute;top: 1px;left: 1px;bottom: 1px;content: "";}
input.cmn-toggle-round + label:before {right: 1px;background-color: #1e7e34;border-radius: 24px;transition: background 0.4s;}
input.cmn-toggle-round + label:after {width: 22px;background-color: #fff;border-radius: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);transition: margin 0.4s;}
input.cmn-toggle-round:checked + label:before {background-color: #dc3545;}
input.cmn-toggle-round:checked + label:after {margin-left: 24px;}
.choose-obj{margin: 0!important;padding: 0;line-height:32px;}
.choose-container{width: 100px;background-color: #fff;}
.select-icon{margin-left: 66px;}
.choose-city{width: 149px;}
.choose-city .select-icon{margin-left: 115px;}
.year,.day{position: absolute;z-index: 999;}
.day-span{position: absolute;margin-left: 76px;}
select{
    height: calc(2.25rem + 2px);margin-right:6px;
    padding: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.home-other{width: 80%;margin-left: 10%;margin-top: 18px;}
.home-other .chart{height: 308px;}
.home-other .right{float: right;position: absolute;}
.chart-list .left{margin-left: 2%;}
.chart-list .chart div{z-index: 100!important;}
.choose-year{width: 102px;}
.choose-year .select-icon{margin-left: 68px;}
.choose-month,.choose-day{width: 80px;}
.choose-month .select-icon,.choose-day .select-icon{margin-left: 46px;}
.choose-day{margin-right: 0;}
.data{background-color: #fff;padding-top:16px;}
.menu-list{display: inline-flex;}
.menu-list .menu{color: #ffffff;font-weight: bold;background-color: #28a745;letter-spacing: 6px;font-size: 16px;cursor: pointer;margin-left: 0;line-height: 48px;padding: 0 18px 0 24px!important;}
.menu-list .selected,.menu-list .menu:hover{background-color: #fff;color: #28a745;}
.chart div{line-height: unset;overflow: hidden!important;}
.my-vent,.his-vent{width: 100%;border: 0;padding: 18px;margin: 0;}
.my-vent{display: none;}
.page-mask{z-index: 90;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);}
.vent-obj a{font-size: 16px;line-height:20px;}
.vent-obj strong {display: initial;}
.vent-obj div{margin-top: 9px;}
.vent-obj .num{font-weight: bold;font-size: 18px;margin-top: -7px;padding: 6px;width: 32px;text-align: center;
    border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);}
.wp-paginate{float: left;margin-left: 10%;}
.del-vent{cursor: pointer;}
.error-msg{position: absolute;width: auto;margin-left: 18px;}
.loading{text-align:center;height: 48px;z-index: 99;}
.loading span{font-size: 20px;font-weight:bolder;}